{include file="common/head"}
<head>
  <title>余额账单</title>

  <style type="text/css">
      html{height: 100%;}
      #top{background: #f60;color: #fff;border-bottom:1px solid rgba(0,0,0,0.1);max-width: 800px;}
      .mb-3{margin-bottom:0!important;}
  </style>    
</head>
<body style="max-width: 800px;background: #f60;">
  <div id="header"></div>
  <div id="top" class="row text-center" >
    <div class="col-2 text-center">
      <span class="bi-chevron-left btn-back"></span>
    </div>
    <div class="col-8 text-center">余额账单</div>
    <div class="col-2 text"></div>
  </div>

    <div class="container-fluid" >
      <div style="height: 50px;"></div>
      <div id="content" style="margin: 10px 0;border-radius:10px;border:1px solid #555;background: #fff;padding: 0 5px;">
      <table class="table table-sm table-striped" >
        <thead>
          <th>类型</th>
          <th>金额</th> 
          <th>日期</th>
          <th>备注</th>

          
        </thead>
        <tbody>
          {foreach $list['data'] as $k=>$log}
          <tr>
            <td>{$log['type_name']}</td>
            <td style="color:{if $log['money']<0} red;{/if}">{$log['money']}</td>
            <td>{$log['create_time']}</td>
            <td>{$log['memo']}</td>
          </tr>
          {/foreach}
        </tbody>
      </table>
    </div>
    </div>

<script type="text/javascript">
$(document).ready(function(){

    $(".btn-back").on('click',function(){
        window.history.back();
    })


  


})


</script>


</body>
</html>
